#gridPanel{
  width:480px; height:480px;
  margin:0 auto; position:relative;
 border-radius:10px;top:50px;left:100px;
 opacity:0.9;
}
.cell{
  width:100px; height:100px; border-radius:10%;
  position:absolute;background:#CECECE;
  font-size:60px; text-align:center;
  line-height:100px;box-shadow:0 0 2px 3px #fff;
}
[id^="c0"]{top:16px}
[id^="c1"]{top:132px}
[id^="c2"]{top:248px}
[id^="c3"]{top:364px}
[id$="0"]{left:16px}
[id$="1"]{left:132px}
[id$="2"]{left:248px}
[id$="3"]{left:364px}

.n2{background-color:#eee3da}
.n4{background-color:#ede0c8}
.n8{background-color:#f2b179}
.n16{background-color:#f59563}
.n32{background-color:#f67c5f}
.n64{background-color:#f65e3b}
.n128{background-color:#edcf72}
.n256{background-color:#edcc61}
.n512{background-color:#9c0}
.n1024{background-color:#33b5e5}
.n2048{background-color:#09c}
.n4096{background-color:#a6c}
.n8192{background-color:#93c}
.n2,.n4{color:#776e65}
.n1024,.n2048,.n4096,.n8192{font-size:40px}

p#p_score{
  width:160px; margin:0 auto;
  font-size:27px; font-family:Arial;
  font-weight:bold; padding:10px 20px;
  position:relative;top:110px;left:-330px;z-index:1;
}
#p_score>#score>p{
   opacity: 0;
}  
#gameOver{
  position:absolute;
  z-index:2;
  top:0; left:0; right:0; bottom:0;
  background:rgba(55,55,55,.5);
}
#gameOver>p{
  width:300px; height:200px;background:#fff;
  position:absolute; top:50%; left:50%;
  margin-top:-100px; margin-left:-150px;
  text-align:center; line-height:1.5em;
  border-radius:10px; border:1px solid #edcf72;
}
#gameOver .btn{
  padding:10px;
  color:#fff;
  background:#9f8d77;
  border-radius:6px;
  text-decoration:none;
}
#p_reset{
	position:absolute;top:520px;left:295px;
}
#p_reset a{
	text-decoration:none;color:#323232;;font-weight:bold;
	padding:10px 15px;border-radius:6px;background:#c6c6c6;
}
/*******skin*********/
ul#skin{
	position:absolute;top:150px;left:250px;
	list-style:none;
}
ul#skin>li{
	margin-top:40px;
}
ul#skin>li>button{
	padding:10px 20px;font-size:16px;border-radius:10px;
	font-weight:bold;
}
b#bg_img{
	position:absolute;z-index:0;right:70px;
	width:1200px;height:612px;
}
/*印象中国*/
.china_wind_img{
	background:url(img/china_wind.png) no-repeat;
}
.china_wind_btn{
	background:#7D939E;
	color:#fff;
}
.china_wind_score{
	background:#A4BDC9;color:#fff;border-radius:10px;
}
.china_wind_main{
	background:#7D939E;
	color:#fff;
}
/*欧美田园*/
.ea_wind_img{
	background:url(img/ea_wind.png) no-repeat;
}
.ea_wind_btn{
	background:#83BC83;
	color:#fff;
}
.ea_wind_score{
	background:#83BC83;color:#fff;border-radius:10px;
}
.ea_wind_main{
	background:#83BC83;
	color:#fff;
}
/*法国浪漫*/
.f_wind_img{
	background:url(img/f_wind.png) no-repeat;
}
.f_wind_btn{
	background:#F5CB7E;
	color:#fff;
}
.f_wind_score{
	background:#F5CB7E;color:#fff;border-radius:10px;
}
.f_wind_main{
	background:#F5CB7E;
	color:#fff;
}
/*日韩清新*/
.jk_wind_img{
	background:url(img/jk_wind.png) no-repeat;
}
.jk_wind_btn{
	background:#AEB497;
	color:#fff;
}
.jk_wind_score{
	background:#AEB497;color:#fff;border-radius:10px;
}
.jk_wind_main{
	background:#AEB497;
	color:#fff;
}
/*暴击效果弹出动画*/
#tScore{
		position:absolute;
		top:5px;left:510px;
		width:300px;height:120px;
		background:url(img/strom.png) no-repeat;
		display:none;
}
.zoomIn {
  -webkit-animation: zoomIn1 0.4s linear;
  animation:zoomIn1 0.4s linear;
}
@keyframes zoomIn1 {
  0%{
   opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    font-size:16px;

    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #B6FF00,
               0 0 70px  #B6FF00,
               0 0 80px  #B6FF00,
               0 0 100px #B6FF00,
               0 0 150px #B6FF00;
  }
  30%{
    opacity: 0.3;
	font-size:100px;
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #B6FF00,
               0 0 35px #B6FF00,
               0 0 40px #B6FF00,
               0 0 50px #B6FF00,
               0 0 75px #B6FF00;

  }
	60%{
   opacity: 0.6;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    font-size:16px;

    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #B6FF00,
               0 0 70px  #B6FF00,
               0 0 80px  #B6FF00,
               0 0 100px #B6FF00,
               0 0 150px #B6FF00;
  }
	100%{
    opacity: 1;
	font-size:100px;
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #B6FF00,
               0 0 35px #B6FF00,
               0 0 40px #B6FF00,
               0 0 50px #B6FF00,
               0 0 75px #B6FF00;

  }
};